<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="sxsw.css" />
		<title>Grooveshark at SXSW</title>
	</head>
	<body>
		<div id="nowplaying">
			<div id="albumart">
				<img id="nowplayingimg" />
			</div>
			<div id="nowplayingmeta">
				<hgroup>
					<h1 id="nowplayingtitle"></h1>
					<h2 id="nowplayingartist"></h2>
				</hgroup>
				<div id="songposition"><div id="positionbar" class="redbar"></div></div>
			</div>
			<button class="bluebar" onclick="onSongComplete(); return false;">Next</button>
		</div>
		<div id="voting">
			<h1 id="instructions">
				Text your <span id="songcode" class="bluebar">Song Code</span> vote to <span id="textvote">321-800-4000</span>
			</h1>
			<ul id="candidates">
				<li id="song1">
					<div class="votealbum">
						<img class="defaultalbumart" src="images/defaultalbumart.jpg" />
						<img id="song1img" />
					</div>
					<h1 id="song1title" class="title"></h1>
					<div id="song1artist" class="artist"></div>
					<div id="song1votes" class="votes"><div class="votebar redbar"></div></div>
					<div id="song1code" class="votecode bluebar"><span class="code">SONG1</span></div>
				</li>
				<li id="song2">
					<div class="votealbum">
						<img class="defaultalbumart" src="images/defaultalbumart.jpg" />
						<img id="song2img" />
					</div>
					<h1 id="song2title" class="title"></h1>
					<div id="song2artist" class="artist"></div>
					<div id="song2votes" class="votes"><div class="votebar redbar"></div></div>
					<div id="song2code" class="votecode bluebar"><span class="code">SONG2</span></div>
				</li>
				<li id="song3">
					<div class="votealbum">
						<img class="defaultalbumart" src="images/defaultalbumart.jpg" />
						<img id="song3img" />
					</div>
					<h1 id="song3title" class="title"></h1>
					<div id="song3artist" class="artist"></div>
					<div id="song3votes" class="votes"><div class="votebar redbar"></div></div>
					<div id="song3code" class="votecode bluebar"><span class="code">SONG3</span></div>
				</li>
			</ul>
		</div>
		<aside id="tweet">
			<header class="bluebar">
				<h1 id="username"></h1>
				<time pubdate></time>
			</header>
			<div id="tweettext">
				<p></p>
			</div>
			<div id="hashtag"><a target="_blank" href="http://search.twitter.com/search?q=%23sxsw">#sxsw</a></div>
		</aside>
		<div id="swfcontainer">
			<div id="swfwrapper"></div>
		</div>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
		<script type="text/javascript" src="includes/swfobject.js"></script>
		<script type="text/javascript" src="sxsw.js"></script>
	</body>
</html>
